<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片元素的使用</title>
	</head>
	<body>
		<!-- 一 元素存在多个属性和属性值的使用
		         图片元素的使用
				 语法：<img /> 简写<img>非封闭型标记
				 必须属性   scr资源属性=【路径】图片全称
				 目录==文件夹【项目：存文件夹下】
				 Git仓库【fornt-end】路径【Day01】路径【图片元素.html】
				 
				 路径：可以找到文件的地址，/  \代表路径
				 front-end/Day01/图片元素.html
				 路径用法：
				 / 代表 上传到服务器【推荐】
				 \ 代表 下载到本地
				 
				 ../返回上一级
				 
				 相对路径：两种 1相对于执行网页，找文件【文件夹+路径+文件全称】
				               2相对于执行网页，套在文件夹下，需要返回上一级
				 绝对路径：从盘符开始找路径，写法：C:/文件夹/文件夹/内容全称
				 alt标题属性    属性值文本自定
				 特点：网络延迟图片显示失效或者路径图片全称写错
				      用户提示
				 title标题属性    属性值文本自定
				 特点：鼠标移动上图片新显示
				 属性与属性值可以为多个，用空格来区分，没有先后顺序
				 -->
				 <img src="img/1.gif" alt="仰泳"width="200px"height="200px">
				 <img src="img/2.png" title="泥嚎！！"width="200px"height="200px">
				 <img src="img/3.jpg" alt="没关系的"width="200px"height="200px">
	</body>
</html>